<!DOCTYPE html>
<html>
<head>
  <script src="lib/crafty.js"></script>
  <script src="src/game.js"></script>
  <script src="lib/jquery.js"></script>
  <script src="src/include.js"></script>
  <link href="style/style.css" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.2.12.min.js"></script>
  <script src="src/userScores.js"></script>
 
</head>
<body>
  <div id="container">
      <div id="header">
          <h1>
               JavaScript Game - My Scores 
          </h1>
      </div>
      
      <div id="navigation"></div>
      
      <div id="content-container">
		<div id="content">

		  <p id="statisticsHeader"></p>

		  <table>
			<tr><th class="tableTitle">General</th><th>Score</th><th>Time Played</th><th>Stages Completed</th></tr>
			<tr><td><b>Lifetime</b></td><td id="tScore"></td> <td id="tTime"></td> <td id="tStage"></td></tr>
			<tr><td><b>Average</b></td><td id="aScore"></td> <td id="aTime"></td> <td id="aStage"></td></tr>
		  </table>
		  </br>
		  <table>
			<tr><th class="tableTitle">Coins</th></th><th><img src="assets/images/coinYellow.png"></th> <th> <img src="assets/images/coinRed.png"></th> <th><img src="assets/images/coinGreen.png"></th> <th><img src="assets/images/coinBlue.png"></th></tr>
			<tr><td><b>Lifetime</b></td><td id="tYellow"></td> <td id="tRed"></td> <td id="tGreen"></td> <td id="tBlue"></td></tr>
			<tr><td><b>Average</b></td><td id="aYellow"></td> <td id="aRed"></td> <td id="aGreen"></td> <td id="aBlue"></td></tr>
		  </table>
		  </br>
		  <table>
			<tr><th class="tableTitle">Powerups</th></th><th><img src="assets/images/boots.png"></th> <th> <img src="assets/images/hourglass.png"></th> <th><img src="assets/images/multiplier.png"></th> <th><img src="assets/images/flame.png"></th></tr>
			<tr><td><b>Lifetime</b></td><td id="tBoosts"></td> <td id="tClocks"></td> <td id="tMultipliers"></td> <td id="tFires"></td></tr>
			<tr><td><b>Average</b></td><td id="aBoosts"></td> <td id="aClocks"></td> <td id="aMultipliers"></td> <td id="aFires"></td></tr>
		  </table>
		  </br>

		  <h2>
			Scores:
		  </h2>

		</div>
		
		<div id="scoreTable"></div>
			
		<div id="footer"></div>
          
      </div>
  </div>
</body>
</html>